let order_id = $('div.contents > div > ul > li').attr('data-order-id');
let csrf = $('div.contents > div > input[type=hidden]').val();

//点击小图片，显示表情
$(".bq").click(function (e) {
    $(this).next().slideDown(); //慢慢向下展开
    e.stopPropagation(); //阻止冒泡事件
});

//在桌面任意地方点击，关闭表情框
$(document).click(function () {
    $(".face").slideUp(); //慢慢向上收
});

//点击小图标时，添加功能
$(".face ul li").click(function () {
    let simg = $(this).find("img").clone();
    $(this).parents(".But").prev().append(simg); //将表情添加到输入框
});

//点击发表按扭，发表内容
$("span.submit").click(function () {
    // 以对象的形式获取sku_id和comment
    let sku_comment = {};
    $(".goods>ul>li").each(function (index, item) {
        sku_comment[$(item).attr("data-sku-id")] = $(item)
            .next()
            .children(".message")
            .html();
    });

    // 验证是否有空评论
    flag = true;
    $(".message").each(function (index, item) {
        if (!$(item).html()) {
            flag = false;
            $(item).css("border", "1px solid #de4307");
        } else {
            flag = true;
            $(item).css("border", "1px solid #ddd");
        }
    });

    // 如果有空评论 就提示
    if (!flag) {
        M = {};
        // 判断是否已存在，如果已存在则直接显示
        if (M.dialog3) {
            // return M.dialog3.show();
        }
        // 发表评论 如果为空 询问确定
        M.dialog3 = jqueryAlert({
            title: "评论为空",
            content: "您的评论内容为空，是否继续提交？",
            modal: true,
            buttons: {
                确定: function () {
                    // 如果用户确定要空白提交 那就让他空白提交
                    comment_ajax_post()
                },
                继续评论: function () {
                    M.dialog3.close();
                },
            },
        });
    } else {
        // 没有空评论 直接发起ajax post请求
        comment_ajax_post()
    }
    
    // 在这里封装ajax post请求 因为上面两个地方要用
    function comment_ajax_post() {
        // 只能传字符串 需要对对象进行处理
        sku_comment = JSON.stringify(sku_comment)

        let params = {
            'sku_comment': sku_comment,
            'csrfmiddlewaretoken':csrf,
        };
        $.post(
            '/order/comment/' + order_id,
            params,
            function (data) {
                if (data.res == 2) {
                    // 成功了
                    // 跳转到用户订单页面
                    location.href = '/user/user_order/'
                }
                else {
                    // 失败了
                    alert(data.errmsg)
                }
            }
        )
    }
});
